<template>
  <div class="category">
    <common-header></common-header>
    <div class="content">
      <list-nav></list-nav>
      <list-detail></list-detail>
    </div>
    <home-footer></home-footer>
  </div>
</template>
<script>
import CommonHeader from '../../components/common/Commonheader'
import ListNav from '../../components/category/Listnav'
import ListDetail from '../../components/category/Listdetail'
import HomeFooter from '../../components/home/Homefooter'
export default {
  metaInfo: {
    title: '小米商城-小米官方网站，小米手机、红米手机正品专卖',
    meta: [{
      name: 'keywords',
      content: '小米商城直营小米公司旗下所有产品，包括小米手机系列小米CC9、小米9、小米MIX 3，Redmi 红米系列Redmi K20 Pro、Redmi Note 8，小米电视、红米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持。'
    }]
  },
  components: {
    CommonHeader,
    ListNav,
    ListDetail,
    HomeFooter
  }
}
</script>
<style lang="scss" scoped>
@import '../../assets/css/mixin';
.category {
  height: 100%;
  .content {
    display: flex;
    height: 100%;
  }
}
</style>
